@ var main = {
<main> 
  <!--右边部分-->
  <div class="topbox-query">
    <form action="" method="get">
    	<dl>
        	<dt><label>客户名称</label></dt>
            <dd><input type="text" name="Reserv_Num" id="Reserv_Num1" class="form-control input-lg" value="请输入客户名称" /></dd>
            <dt><label>委托单号</label></dt>
            <dd><input type="text" name="entrust_Num" class="form-control input-lg" value="" /></dd>
            <dt><label>始发站</label></dt>
            <dd><select class="form-control input-lg">
                  <option value="北京"> 北京 </option>
                  <option value="天津"> 天津 </option>
                  <option value="上海"> 上海 </option>
                </select>
            </dd>
            <dt><label>到 站</label></dt>
            <dd><select class="form-control input-lg">
                  <option value="北京"> 北京 </option>
                  <option value="天津"> 天津 </option>
                  <option value="上海"> 上海 </option>
                </select>
            </dd>
            <dt><label>日期</label></dt>
            <dd>
                <div class="input-group input-group-lg">
                  <input type="text" name="ticketDate1" class="form-control" placeholder="2014-03-18" aria-describedby="sizing-addon1">
                  <span class="input-group-addon glyphicon glyphicon-calendar" id="sizing-addon1"></span>
                </div>
            </dd>
            <dt><span class="fl">&nbsp;-&nbsp;</span></dt>
            <dd>
            	<div class="input-group input-group-lg">
                  <input type="text" name="ticketDate2" class="form-control" placeholder="2014-03-20" aria-describedby="sizing-addon2">
                  <span class="input-group-addon glyphicon glyphicon-calendar" id="sizing-addon2"></span>
                </div>
            </dd>
            <dt><label>发货人</label></dt>
            <dd><input type="text" name="consignor" id="consignor" class="form-control input-lg" value=""/></dd>
            <dt><label>货物名称</label></dt>
            <dd><input type="text" name="proName" class="form-control input-lg" value=""/></dd>
            <dt><label>状态</label></dt>
            <dd><input type="radio" name="vehicles" id="onguard" checked/>
                <label for="onguard">在岗</label>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <input type="radio" name="vehicles" id="offguard"/>
                <label for="offguard">脱岗</label>
            </dd>
            <dt><label>收货人电话</label></dt>
            <dd><input type="text" name="consignee_tel" class="form-control input-lg" value="" /></dd>
        </dl>
     	<div class="center-div">
        	<button type="submit" class="btn btn-search btn-lg" id="btn_search">查询</button>
            <a id="btn-slider"><!--展开--><span class="glyphicon glyphicon-menu-down"></span></a>
        </div>
    </form>
  </div>
  <div class="table-box">
    <ul class="table-tabs">
      <li id="table-tab1" class="hcur">出货表</li>
      <li id="table-tab2">分拣表</li>
      <li id="table-tab3">货运表</li>
    </ul>
    
    <dl class="table-con" id="table-tab_1">
        <dt><a class="btn btn-add btn-lg" id="addVehicle">+ 新增客户</a>
        	<a class="batch fr">&nbsp;<span class="glyphicon glyphicon-th-list"></span>&nbsp;</a>
        	<a class="btn btn-default fr" id="batchdo">批量操作</a>				   
        </dt>
     
     <!--  tabl -->
     
       <!-- 表格开始部分 -->
        <bg:table2 data="${pageView.result}"  check="true" var="row,index">
        	<bg:tr name="车牌号" important="true">${row.no}</bg:tr>
        	<bg:tr name="司机" important="true">${row.name}</bg:tr>
        	<bg:tr name="手机号" >${row.mobile}</bg:tr>
        	<bg:trOpt name="操作123">
        		<a id="eddit" class="blue1">编辑</a>| <a class="blue1">立即定位</a>| <a class="blue1 setPos">定位设置</a> | <a class="blue1">历史轨迹</a>
        	</bg:trOpt>
          </bg:table2>      
      <!--  end table -->
      <bg:pagger data="${pageView}" url="/table.html" />
      
        <dd class="batch-panel">
        	<a class="btn btn-batch" id="addVehicle">批量导出</a><a class="btn btn-batch" id="regVehicle">批量导入</a><a class="btn btn-batch" id="addVehicle">转移客户</a><a class="btn btn-batch" id="regVehicle">客户分布</a><a class="btn btn-batch">修改客户图标</a><a class="btn btn-del">删除</a>
        </dd>
    </dl>
    <dl class="table-con" id="table-tab_2" style="display:none">
        <dd>
            <h3><strong>单据管理</strong><span>专业/高效</span></h3>

            <p>电脑、手机随时录单，专业的派车调度功能，<br>操作简单、效率高;支持离线录单，适用各种单据打印机</p>
        </dd>
    </dl>
    
    <dl class="table-con" id="table-tab_3" style="display:none">   
        <dd>
            <p>电脑、手机随时录单，专业的派车调度功能，<br>操作简单、效率高;支持离线录单，适用各种单据打印机</p>
        </dd>
    </dl>
            
  </div>
</main>
<!--底部--> 
<!--<dl id="footer">
  <dt><a href="" target="_blank">在线客服</a> <span>|</span> <a href="" target="_blank">帮助</a> <span>|</span> <a href="" target="_blank">客户端下载</a></dt>
  <dd> 版权所有：CopyRight   2012-2014 中国电信股份有限公司保留所有权利<br />
    [增值电信业务经营许可证A2.B1-20090001]</dd>
</dl>--> 

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
<!--<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>--> 
<script type="text/javascript" src="resource/js/jquery-2.1.3.min.js"></script> 
<script type="text/javascript" src="resource/js/touch-0.2.14.min.js"></script>
<script type="text/javascript" src="resource/js/menu-mobile.js"></script> 
<!--<script type="text/javascript" src="resource/js/slide_updown.js"></script> --> 
<script type="text/javascript" src="resource/js/basePublic.js"></script> 
<script type="text/javascript" src="resource/js/set_tab.js"></script> 
<!--<script src="resource/js/formValidator.js" type="text/javascript" charset="UTF-8"></script> 
<script src="resource/js/formValidatorRegex.js" type="text/javascript" charset="UTF-8"></script> 
<script language="javascript" src="resource/js/DateTimeMask.js" type="text/javascript"></script> 
<script defer src="resource/js/datepicker/WdatePicker.js" type="text/javascript"></script> --> 
<script type="text/javascript">

$(function(){
	mainMenu.init();
	
	touch.on('#btn-slider', 'tap', function(ev){
		var queryDl = $(".topbox-query").find('dl');
		ev.preventDefault();
		if(queryDl.css('height') != '198px'){
			queryDl.stop(true,true).animate({height: "198px"});
			$('#btn-slider').find('.glyphicon').removeClass('glyphicon-menu-up').addClass('glyphicon-menu-down');
		}else{
			queryDl.stop(true,true).animate({height: "660px"});
			$('#btn-slider').find('.glyphicon').removeClass('glyphicon-menu-down').addClass('glyphicon-menu-up');
		}
		
		/*if(queryDl.css('overflow') == 'hidden'){
			queryDl.stop(true,true).css({ "overflow":"visible", "height":"auto"});
			//$(".topbox-query").find('dl').stop(true,true).animate({'overflow': "auto"});
		}else{
			//$(".topbox-query").find('dl').stop(true,true).animate({'overflow': "hidden"});
			queryDl.stop(true,true).css({ "overflow":"hidden", "height":"198px"});
		}*/
		
	});
	 
	touch.on('.table-tabs > li', 'tap', function(ev){ 
		ev.preventDefault();
	  	var $this = $(this),
		  ids = $this.attr("id");
	  	if (ids=="table-tab1"){
		  set('table-tab',1,3);
		};
		if (ids=="table-tab2"){
		  set('table-tab',2,3);
		};
		if (ids=="table-tab3"){
		  set('table-tab',3,3);
		};
		
	});
	
	
	$('.dl-inf-mobile').find('.batch-hand').hide();
	touch.on('#batchdo', 'tap', function(ev){
		ev.preventDefault();
		if($('.batch-panel').css('display') == 'none'){
			$('.batch-panel').slideDown();
			$('.dl-inf-mobile').find('dt').not('.batch-hand').hide();
			$('.dl-inf-mobile').find('.batch-hand').show();
			$(".dl-inf-mobile input:checked").closest('li').css('background-color','#e9f0fa');
		}else{
			$('.batch-panel').slideUp();
			$('.dl-inf-mobile').find('dt').not('.batch-hand').show();
			$('.dl-inf-mobile').find('.batch-hand').hide();
			$(".dl-inf-mobile input:checked").closest('li').css('background-color','transparent');
		}
		
	});
	var liCheck = $('.inf-ul').find(':checkbox');
	touch.on(liCheck, 'tap', function(ev){
		//ev.preventDefault();
		//alert(liCheck);
		if($(this).prop("checked")){
			$(this).closest('li').css('background-color','#e9f0fa');
		}else{
			//$(this).prop("checked",true); 
			$(this).closest('li').css('background-color','transparent');
			
		}
	});
	

	
	$('.dl-inf-mobile').find('.handle').hide();
	touch.on('.dl-inf-mobile > dt > .glyphicon', 'tap', function(ev){
		var ddHandle = $(this).parent('dt').next('.handle');
		ev.preventDefault();
		ddHandle.slideToggle();
		if($(this).hasClass('glyphicon-menu-down')){
			$(this).removeClass('glyphicon-menu-down').addClass('glyphicon-menu-up');
		}else{
			$(this).removeClass('glyphicon-menu-up').addClass('glyphicon-menu-down');
		}
	});
	
	
	
	
});
	
</script> 

@};
@var title = "table测试页面";
@include("/common/layout.html",{title:title,main:main}){}
